


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>High Fliers - </title>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/menu.js"></script>
        <script type="text/javascript" src="js/jquery.dataTables.min.js" ></script>
        <script>
            $(document).ready(function() {
                $('resViews').dataTable();
            } );
        </script>
    </head>
    <body>
        <table id="resViews">
            <thead>
                <tr>
                    <th>Item Reserved</th>
                    <th>Date Begin</th>
                    <th>Date End</th>
                    <th>Time</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    // fix this
                    <c:forEach var="reserves" items="${reservations}">
                        <td>${reserves.descriminator}</td>
                    </c:forEach>
                </tr>
                <tr>
                    <c:forEach var="reserves" items="${reservations}">
                        <td>${reserves.dateBegin}</td>
                    </c:forEach>
                </tr>
                <tr>
                    <c:forEach var="reserves" items="${reservations}">
                        <td>${reserves.dateEnd}</td>
                    </c:forEach>
                </tr>
                <tr>
                    <c:forEach var="reserves" items="${reservations}">
                        <td>${reserves.startTime} - ${reserves.endTime}</td>
                    </c:forEach>
                </tr>
            </tbody>
        </table>
    </body>
</html>
